<template>
    <div>
        <div class="head">
            <img src="https://www.evergrande.com/Content/img/logo.png" alt="">
        </div>
        <div class="body">
            <ul>
                <li class="sy">首页</li>
                <li>关于恒大</li>
                <li>新闻中心</li>
                <li>新闻中心</li>
                <li>社会责任</li>
                <li>人力资源</li>
                <li>投资者关系</li>
                <li>联系恒大</li>
                <li class="sy"><img src="https://www.evergrande.com/Content/img/search.jpg" alt=""></li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

    
<style lang="less">
     .head{
        width: 1056px;
        height: 68px;
        margin: 0 auto;
    }
    .body{
        width: 1056px;
        height: 50px;
        margin: 0 auto;
        // background-color: aqua;
    }
    ul{
        display: flex;
        // list-style: none;
        justify-content: flex-end;
        li{
            margin-right: 30px;
            line-height: 50px;
            color: #757575;
            font-size: 14px;
        }
        .sy{
            color: red;
            list-style: none;

        }
    
    }
</style>